<?php 
	require_once("../conexion/conexion.php");
	extract($_POST);
	//echo 'valor'.$_POST['valor'];
	$con = new Conexion();
	$con2 = $con->conexionBD("fpproduccion");
	$sql = "select RenPersona,RenObs,date_format(RenFecha,'%d/%m/%Y') as fecha,RenMonto from rendicion where RenId='".$_POST['valor']."'";
	$res= mysql_query($sql) or die ($con->error_mysql("Error en la consulta".mysql_error()));
	$datos = mysql_fetch_row($res);  
	$con->cerrarBD();  
	
	//$numero = explode("$",$_GET['monto']);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ventana-Rendici&oacute;n</title>
<link href="../Estilos/global.css" rel="stylesheet" type="text/css" />
<link href="../Estilos/local.css" rel="stylesheet" type="text/css" />
<link href="../Estilos/CssTabla3.css" rel="stylesheet" type="text/css" />
<script src="../include_js/jquery.js" type="text/javascript"></script>
<script src="../include_js/popcalendar.js" type="text/javascript"></script>

<style>
.texto
{
	font-size:14px;
	margin-left:10px;
	font:Verdana; 
	color:#0066CC;
}
.borde
{
	/*border:0px solid #6593C0;*/
	border:1px solid #D3E4E5;
}
.asterisco
{
	color:#0000FF;
	font-weight:bold;
}
.textoCaja
{
	font-size:9px;
	font:Verdana;
	background:#E1E1E1;
}
</style>
<script>
var cont1=1,contador=0,sumatoria=0;
function AgregaRendicion(fecha,monto,obs,doc,num)
{
	fechaFin = document.getElementById(fecha).value;
	monto = document.getElementById(monto).value;
	obs = document.getElementById(obs).value;
	doc = document.getElementById(doc).value;
	num = document.getElementById(num).value;

	AgregaFila(fechaFin,monto,obs,doc,num);
}

function ObtieneTotal()
{
	 $.ajax({
            type: 'POST',
            url: 'Contabilidad/ObtieneValoresTotales.php',
            data: $('#form').serialize(),
            success: function(data) {
                $('#respuesta').html(data);
            }
        })
}

function EliminarFila(fila)
{	
	var Tr = fila;
	while(Tr.nodeName.toLowerCase()!='tr')
	{
		Tr=Tr.parentNode;
	}
	
	var root = Tr.parentNode;
	root.removeChild(Tr);
	
	contador--;
	document.getElementById("txtContador").value = contador;
	if(contador==0)
	{
		document.getElementById("ListaRendicion").style.display = "none";
		cont1=1;
		document.getElementById("txtCantidad").value = 0;
		document.getElementById("txtMonto").value = "";
		document.getElementById("txtObs").value = "";
		document.getElementById("txtNum").value = "";
		document.getElementById("cmb_Doc").value = 0;
	}
	ObtieneTotal();
}

function AgregaFila(fecha,monto,obs,doc,num)
{	
	if((fecha!="")&&(monto!="")&&(obs!="")&&(doc!=0)&&(num!=""))
	{
		document.getElementById("ListaRendicion").style.display = "block";
		
		nuevaFila = document.getElementById("tablaRendiciones").insertRow(-1);
		nuevaFila.id=cont1;
		//nuevaFila.className='borde';
		nuevaCelda=nuevaFila.insertCell(-1);
		//nuevaCelda.className='borde';
		nuevaCelda.innerHTML="<td id='"+cont1+"'><input id='txtDoc"+cont1+"' type='text' name='txtDoc"+cont1+"' size='8' value='"+doc+"' readonly='true' class='textoCaja'/></td>";
		
		nuevaCelda=nuevaFila.insertCell(-1);
		//nuevaCelda.className='borde';
		nuevaCelda.innerHTML="<td id='"+cont1+"'><input id='txtNumero"+cont1+"' type='text' name='txtNumero"+cont1+"' size='8' value='"+num+"' readonly='true' class='textoCaja'/></td>";
		
		nuevaCelda=nuevaFila.insertCell(-1);
		//nuevaCelda.className='borde';
		nuevaCelda.innerHTML="<td id='"+cont1+"'><input id='txtMotivo"+cont1+"' name='txtMotivo"+cont1+"' readonly='true' class='textoCaja' value='"+obs+"' size='75'/></td>";
		
		nuevaCelda=nuevaFila.insertCell(-1);
		//nuevaCelda.className='borde';
		nuevaCelda.innerHTML="<td id='"+cont1+"'><input id='txtFecha"+cont1+"' type='text' name='txtFecha"+cont1+"' size='8' value='"+fecha+"' readonly='true' class='textoCaja'/></td>";
		
		nuevaCelda=nuevaFila.insertCell(-1);
		//nuevaCelda.className='borde';
		//x = 'txtValor'+cont1+'';
		nuevaCelda.innerHTML="<td id='"+cont1+"'><input id='txtValor"+cont1+"' type='text' name='txtValor"+cont1+"' size='12' value='"+monto+"' readonly='true' class='textoCaja'/></td>";
		
		nuevaCelda=nuevaFila.insertCell(-1);
		//nuevaCelda.className='borde';
		nuevaCelda.innerHTML="<td id='"+cont1+"'><input type='button' value='[x]' onclick='EliminarFila(this);' style='font-size:9px;'></td>";

		
		contador++;
		document.getElementById("txtCantidad").value = cont1;
		document.getElementById("txtContador").value = contador;		
		cont1++;
		ObtieneTotal();
		
		document.getElementById("txtMonto").value = "";
		document.getElementById("txtObs").value = "";
		document.getElementById("txtNum").value = "";
		document.getElementById("cmb_Doc").value = 0;
	}
	else
	{
		alert("INGRESE TODA LA INFORMACION OBLIGATORIA !!!");
	}	
}

function BorraLista(dato)
{
	var cadena = dato.substring(8,9);
    if(cadena=='1')
	{
		$.ajax({
            type: 'POST',
            url: 'Contabilidad/carga_rendiciones_pendientes.php',
            data: $('#form').serialize(),
            success: function(data) {
                $('#pagoRendicion').html(data);
            }
        })
	}
}

function GuardarDatos()
{
	 $.ajax({
            type: 'POST',
            url: 'Contabilidad/Ingresa_rendiciones_pendientes.php',
            data: $('#form').serialize(),
            success: function(data) {
                $('#respuesta').html(data);
				BorraLista(data);
            }
        })
}

function Volver()
{
	$.ajax({
            type: 'POST',
            url: 'Contabilidad/carga_rendiciones_pendientes.php',
            data: $('#form').serialize(),
            success: function(data) {
                $('#pagoRendicion').html(data);
            }
        })
}
</script>
</head>

<body>
<form name="form" id="form" method="post">
<div class='groupbox'>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="uno">
<tr>
  <td class="borde">&nbsp;</td>
  <td class="borde">&nbsp;</td>
  <td class="borde">&nbsp;</td>
  <td class="borde">&nbsp;</td>
</tr>
<tr>
  <td width="15%" class="borde"><div style="float:left; clear:none; margin-top:5px;"><label class="texto" style="font-weight:bold;">Rendici&oacute;n:</label></div></td>
  <td width="40%" class="borde"><div style="float:left; clear:none; margin-top:5px;"><label class="texto"><?php echo $datos[0]." "."($".number_format($datos[3],0,',','.').")";?></label></div></td>
  <td width="13%" class="borde"><input name="txtId" id="txtId" type="hidden" value="<?php echo $_POST['valor'];?>" /></td>
  <td width="32%" class="borde"><div style="float:right clear:none; margin-top:5px;"><label class="texto" style="font-weight:bold;">Datos Obligatorios (*)</label></div></td>
  </tr>
<tr>
  <td class="borde" colspan="4"><hr /></td>
  </tr>
<tr>
  <td class="borde"><label class="texto" style="margin-left:35px;">Documento:</label></td>
  <td class="borde"><select name="cmb_Doc" id="cmb_Doc">
    <option value="0">--SELECCIONE--</option>
    <option value="BOLETA">BOLETA</option>
    <option value="FACTURA">FACTURA</option>
  </select>&nbsp;<label class="asterisco">*</label></td><td class="borde"><div align="right"><label class="texto">Fecha:</label></div></td>
  <td class="borde"><input name="txtFIni" type="text" id="txtFIni" size="10">&nbsp;<img src="imagen/img.gif" width="20" height="14" title="calendario" style="cursor: pointer; border: 1px solid green;" onmouseover="this.style.background='black';" onmouseout="this.style.background=''" onclick="popUpCalendar(txtFIni, form.txtFIni, 'dd-mm-yyyy');" />&nbsp;<label class="asterisco">*</label></td>
  </tr>
<tr>
  <td class="borde"><label class="texto" style="margin-left:35px;">N&deg; Doc:</label></td>
  <td class="borde"><input type="text" name="txtNum" id="txtNum" size="10" onkeypress="return validar(event)"/>&nbsp;<label class="asterisco">*</label></td><td class="borde"><div align="right"><label class="texto">Monto:</label></div></td>
  <td class="borde"><input type="text" name="txtMonto" id="txtMonto" onkeyup="puntitos(this,this.value.charAt(this.value.length-1))" />&nbsp;<label class="asterisco">*</label></td></tr>
<tr>
  <td class="borde"><label class="texto" style="margin-left:35px;">Motivo:</label></td>
  <td class="borde" colspan="3"><textarea name="txtObs" id="txtObs" cols="60" rows="3"></textarea>&nbsp;<label class="asterisco">*</label></td>
  </tr>
<tr>
  <td class="borde">&nbsp;</td>
  <td class="borde"><input type="button" name="btn_AgregaRendicion" id="btn_AgregaRendicion" value="Agregar Rendici&oacute;n" onclick="AgregaRendicion('txtFIni','txtMonto','txtObs','cmb_Doc','txtNum');" />
    <input type="hidden" name="txtCantidad" id="txtCantidad" value="0" />
	<input type="hidden" name="txtContador" id="txtContador" value="0" /></td>
  <td class="borde">&nbsp;</td>
  <td class="borde">&nbsp;</td>
  </tr>
<tr>
  <td class="borde">&nbsp;</td>
  <td class="borde">&nbsp;</td>
  <td class="borde">&nbsp;</td>
  <td class="borde">&nbsp;</td>
  </tr>
<tr>
  <td class="borde" colspan="4">
  <div id="ListaRendicion" style="display:none" align="center">
  <table width="80%" border="0" cellpadding="0" cellspacing="0" class="uno" id="tablaRendiciones">
  <thead>
	<tr>
		<th width="7%">doc</th>
		<th width="9%">n&deg; doc</th>
		<th width="52%">motivo</th>
		<th width="14%">fecha</th>
		<th width="15%">monto ($)</th>
		<th width="3%">&nbsp;</th>
	</tr>
  </thead>
  </table>
  <table width="96%" border="0" cellpadding="0" cellspacing="0">
  <tr>
  	<td class="borde" colspan="2">&nbsp;</td>
 </tr>
  <tr>
  	<td width="16%" class="borde"><label class="texto">Vuelto ($):</label></td>
	<td width="84%" class="borde"><input name="txtVuelto" id="txtVuelto" type="text" value="0" readonly="true" style="background:#E1E1E1;" />
	<input type="hidden" name="txtVueltoAux" id="txtVueltoAux" value="<?php echo $datos[3];?>" /></td>
  </tr>
  <tr>
  	<td class="borde"><label class="texto">Total ($):</label></td>
	<td class="borde"><input name="txtTotal" id="txtTotal" type="text" value="0" readonly="true" style="background:#E1E1E1;"/></td>
  </tr>
	<tr>
		<td class="borde" colspan="2" style="padding:5px;"><div align="center"><input name="btn_Guardar" id="btn_Guardar" type="button" value=" " onclick="GuardarDatos();" class="guardar" /></div></td>
	</tr>
  </table>
  </div></td>
</tr>
   <tr>
	  <td class="borde" colspan="4"><div class="formtail">
  <input type="button" name="btn_Volver" id="btn_Volver" value="Volver" onclick="Volver();"/></div></td>
  </tr>
</table>
</div>
</form>
<div id="respuesta"></div>
</body>
</html>
